<template>
  <div class="cq-contact">
    <h2 class="fw200">依托橙券，聚焦权益，全面合作</h2>
    <p class="flex flex-center">全国服务热线:400-096-xxxx<span class="partition">|</span>商务合作专线:156-6806-1789</p>
    <btn-more :className="btnBrand">了解更多</btn-more>
  </div>
</template>

<script>
import BtnMore from './btn-more'
export default {
  name: 'CqContact',
  components: {
    BtnMore
  },
  data() {
    return {
      btnBrand: ['btn-brand']
    }
  }
}
</script>

<style lang="scss" scoped>
.cq-contact {
  padding: 67px 0;
  background: #ffff url(@/assets/img/banner-bottom.png) no-repeat center/cover;
  text-align: center;
  color: #fff;
  & > h2 {
    padding-top: 34px;
    font-size: 48px;
    font-family: '\5B8B\4F53';
    letter-spacing: -4px;
    line-height: 48px;
  }
  & > p {
    padding: 24px 0 30px 0;
    font-size: 20px;
    line-height: 20px;
    & > .partition {
      font-size: 16px;
      padding: 0 26px;
    }
  }
}
</style>
